<template>
	<view @touchmove.stop.prevent="()=>false">
		<u-popup :show="show" mode="center" bgColor='transparent' @close="closeEvent">
			<view class="pop_view">
				<image class="pop_logo" src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/pop_icon.png"></image>
				<label class="pop_title">发布成功</label>
				<label class="pop_content">
					恭喜您，获得 &nbsp;<span style="color: #FF822E;font-size: 36rpx;">{{ integral }}</span>&nbsp; 积分
				</label>
				<view @click="closeEvent" class="qd_btn">确定</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		name:"dynamic_success_pop",
		data() {
			return {

			};
		},
		props: {
			show: {
				type: Boolean,
				default: false
			},
			integral: {
				type: String,
				default: ''
			}
		},
		methods: {
			closeEvent() {
				this.$emit('close')
			}
		}
	}
</script>

<style scoped>
	.pop_view {
		width: 530rpx;
		height: 382rpx;
		background-color: #E0EDE9;
		border-radius: 24rpx;
		display: flex;
		flex-direction: column;
	}
	.pop_logo {
		width: 252rpx;
		height: 242rpx;
		position: absolute;
		float: left;
		left: auto;
		right: -44rpx;
		top: -72rpx;
	}
	.pop_title {
		margin-left: 32rpx;
		margin-top: 68rpx;
		color: #234941;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 56rpx;
	}
	.pop_content {
		margin-left: 32rpx;
		margin-top: 28rpx;
		width: 334rpx;
		line-height: 48rpx;
		font-size: 28rpx;
	}
	.qd_btn {
		margin-top: 70rpx;
		margin-left: 50rpx;
		width: calc(100% - 100rpx);
		height: 88rpx;
		border-radius: 24rpx;
		background: linear-gradient(180deg, #46C09E 0%, #156D4F 100%);
		box-shadow: 0rpx 24rpx 48rpx 0rpx rgba(55,168,148,0.2);
		color: #FFFFFF;
		line-height: 88rpx;
		text-align: center;
		font-size: 30rpx;
	}
</style>
